<ion-header>
  <ion-toolbar>
    <ion-title>
      Tab Two
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/ms.png'>
          <ion-button Fill="clear" [routerLink]="['/list_food']">
            Food
          </ion-button>
        </div>
      </ion-col>

      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/lq.png'>
          <ion-button class="menubtn" (click)="onClick()">
            Food
          </ion-button>
        </div>
      </ion-col>
      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/lq.png'>
          <ion-button class="menubtn" (click)="onClick()">
            Food
          </ion-button>
        </div>
      </ion-col>

      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/lq.png'>
          <ion-button class="menubtn" (click)="onClick()">
            Food
          </ion-button>
        </div>
      </ion-col>
      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/lq.png'>
          <ion-button class="menubtn" (click)="onClick()">
            Food
          </ion-button>
        </div>
      </ion-col>
      <ion-col size="4">
        <div style="text-align: center;">
          <img style="height: 50px;width:50px" src='assets/tab2_icon/lq.png'>
          <ion-button class="menubtn" (click)="onClick()">
            Food
          </ion-button>
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>